<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title>庆开业 购实惠 特价保养等你来</title>
    <link rel="stylesheet" type="text/css" href="css/m-reset.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
    <div class="g-box">
        <div class="g-bd" v-cloak>
            <!-- <img src="image/bgt.jpg" alt=""> -->
            <div class="m-brand">
                <h2 class="u-tit1">大众 热门车型</h2>
                <ul class="m-you">
                    <li v-for="item in dazhongData" @click="getApp(1,item.id)">
                        <img :src="item.img_src" class="you-img" alt="">
                        <div class="you-con">
                            <h3>{{item.title}}</h3>
                            <div class="you-tag">
                                <span>开业惠</span>
                                <span>送滤芯</span>
                            </div>
                            <p class="you-price">活动价:
                                <span>¥&nbsp;{{item.price}}</span>
                                <em>¥&nbsp;{{item.oprice}}</em>
                            </p>
                            <button class="btn-buy">立即购买</button>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="m-brand">
                <h2 class="u-tit1">一汽奥迪 热门车型</h2>
                <ul class="m-you">
                    <li v-for="item in aodiData" @click="getApp(1,item.id)">
                        <img :src="item.img_src" class="you-img" alt="">
                        <div class="you-con">
                            <h3>{{item.title}}</h3>
                            <div class="you-tag">
                                <span>开业惠</span>
                                <span>送滤芯</span>
                            </div>
                            <p class="you-price">活动价:
                                <span>¥&nbsp;{{item.price}}</span>
                                <em>¥&nbsp;{{item.oprice}}</em>
                            </p>
                            <button class="btn-buy">立即购买</button>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="m-brand">
                <h2 class="u-tit1">东风日产 热门车型</h2>
                <ul class="m-you">
                    <li v-for="item in richanData" @click="getApp(1,item.id)">
                        <img :src="item.img_src" class="you-img" alt="">
                        <div class="you-con">
                            <h3>{{item.title}}</h3>
                            <div class="you-tag">
                                <span>开业惠</span>
                                <span>送滤芯</span>
                            </div>
                            <p class="you-price">活动价:
                                <span>¥&nbsp;{{item.price}}</span>
                                <em>¥&nbsp;{{item.oprice}}</em>
                            </p>
                            <button class="btn-buy">立即购买</button>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="g-rules">
                <div class="rules-top"></div>
                <div class="m-rules">
                    <h2>活动规则</h2>
                    <div class="rules-con">  
                        <p>1、购买本次活动商品必须到店服务；</p>
                        <p>2、限定服务门店为宁波市象山县牛汽丹峰店；</p>
                        <p>3、本活动解释权归牛汽配所有</p>
                    </div>
                </div>
            </div>

            <div class="m-more">
                    <h2 class="more-tit">更多活动请到店咨询</h2>
                    <p>地址：象山县丹西街道蓬莱路308号 牛汽丹峰维修服务中心 </p>
                </div>
        </div>
        <div class="g-ft"></div>
    </div>
    <!-- rem -->
    <script src="js/rem.min.js"></script>
    <!-- 引入vue框架 -->
    <script src="js/vue.min.js"></script>
    <!-- 首页js文件 -->
    <script src="js/xshd-01.js"></script>
</body>

</html>